<template>
	<view class="main">
		<zmm-watermark :watermark="watermark"></zmm-watermark>
		<h2>隐私</h2>
		<!-- <view class="msg">修改密码后,需要重新登录</view> -->
		<ul class="info">
			<li @tap="routerTo('/pages/my/PrivacyAgreement')">
				<view class="msg">
					隐私协议
				</view>
				<view class="txt">
					
				</view>
				<image class="right" src="@/static/img/right.png" mode=""></image>
			</li>
			<li @tap="routerTo('/pages/my/UserAgreement')">
				<view class="msg">
					用户协议
				</view>
				<view class="txt">
					
				</view>
				<image class="right" src="@/static/img/right.png" mode=""></image>
			</li>
		</ul>
	</view>
</template>

<script>
	import {
		innerinfo,
		profile
	} from '@/api/inner.js'
export default {
	data() {
		return {
			userInfo:'',
			isConfirm:false,
			watermark:'',
		};
	},
	onLoad() {
		this.getUserInfo()
		this.watermark = uni.getStorageSync('watermark')
	},
	methods: {
		routerTo(url){
			uni.navigateTo({
				url:url
			})
		},
		async getUserInfo(){
			let res = await innerinfo()
			this.userInfo = res.data
			this.seleUrl = res.data.avatar
		},
	}
};
</script>

<style lang="scss" scoped>
.main {
	padding: 30px 15px 0;
	h2 {
		font-size: 26px;
		color: #232323;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.info{
		width: 100%;
		background-color: #fff;
		margin-bottom: 15px;
		li{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px 10px;
			color: #3D3D3D;
			position: relative;
			.avatar{
				image{
					width: 30px;
					height: 30px;
					border-radius: 100px;
				}
			}
			.txt{
				color: #3D3D3D;
			}
			.msg{
				margin-right: 20px;
			}
			.right{
				width: 15px;
				height: 15px;
				position: absolute;
				right: 10px;
			}
		}
		li:first-child{
			padding-right: 30px;
		}
	}
	.btn{
		width: 100%;
		padding: 0 50px;
		.in{
			width: 100%;
			padding: 16px;
			text-align: center;
			color: #fff;
			background-color: #0C80FB;
			border-radius: 100px;
		}
	}
}
</style>
